<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>
<!DOCTYPE html>
<html>
<head>
   <title><spring:message code="message.jieSuan.shouZhiMingXi"/></title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <style type="text/css">
        div.group-info {
            margin-top: 10px !important;
            margin-bottom: 0px !important;
        }
        input.innerInput {
            width: 98%;
        }
    </style>
</head>
<body class="skin-blue sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1><spring:message code="message.jieSuan.shouZhiMingXi"/><spring:message code="message.jieSuan.zhangHuChaKan"/></h1>
        <ol class="breadcrumb">
           <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i><spring:message code="message.lable.first"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.zhangHuGuanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.listForm.yiLiaoJiGou"/><spring:message code="message.jieSuan.zhangHuGuanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.listForm.yiLiaoJiGou"/><spring:message code="message.jieSuan.zhangHuChaKan"/></a></li>
        </ol>
     </section>
     
     <section class="content" style="min-height:inherit;">
          <form id="form" class="form-horizontal"  method="post">
            <input type="hidden" name=orgId value="${acctInfo.orgId}" />
            
            <div class="box box-success" style="margin-bottom: 0px;padding-bottom: 10px;">
               <div class="form-group form-group-xs group-info">
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.jiGouBianMa"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div class="col-sm-4 text-left" >${acctInfo.orgCode}</div>
                     <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.jiGouMingCheng"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="orgName" class="col-sm-4 text-left">${acctInfo.orgName}</div>
                </div>
                 
                <div class="form-group form-group-xs group-info">
                     <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zhangHuYuE"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="outstandAmt" class="col-sm-4 text-left">${acctInfo.outstandAmtStr}</div>
                     <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zuiHouGengXinShiJian"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="outstandAmt" class="col-sm-4 text-left">${acctInfo.outstandAmtUpdDttmStr}</div>
                </div>
                
                <div class="form-group form-group-xs group-info">
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.keYongYuE"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="availableAmt" class="col-sm-4 text-left">${acctInfo.availableAmtStr}</div>
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zuiHouGengXinShiJian"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="availableAmt" class="col-sm-4 text-left">${acctInfo.availableAmtUpdDttmStr}</div>
                </div>
                
                <div class="form-group form-group-xs group-info">
                     <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.daiJieSuanYuE"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="pendingAmt" class="col-sm-4 text-left">${acctInfo.pendingAmtStr}</div>
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zuiHouGengXinShiJian"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="availableAmt" class="col-sm-4 text-left">${acctInfo.pendingAmtUpdDttmStr}</div>
                </div> 
                
            </div>
        </form>
     </section>
    
    
    <section class="content">
        <div class=" box box-primary">
            <div class="box-body">
                <div class="input">
                	<div class="textalign1"><spring:message code="message.jieSuan.shouZhiLeiXing"/><spring:message code="message.yanZheng.maoHao"/></div> 
	                    <div class="boxinput">
	                    <select class="textinput" id="transType" name="transType" >
	                        <option value=""><spring:message code="message.select.option"/></option>
	                        <option value="1"><spring:message code="message.jieSuan.shouRu"/></option>
	                        <option value="2"><spring:message code="message.jieSuan.zhiChu"/></option>
	                        <option value="3"><spring:message code="message.button.cancel"/></option>
	                    </select>
	                   </div>
	                <div class="textalign1"><spring:message code="message.jieSuan.faShengShiJian"/><spring:message code="message.yanZheng.maoHao"/></div>
	                <div class="boxinput"> 
                       <table style="width:100%">
                                <tr>
                                    <td style="width:50%">
                                        <input id=staTime name="staTime" type="text" class="textinput" placeholder="yyyy-MM-dd"
						data-date-fmt="yyyy-MM-dd" onFocus="var endDate=$dp.$('endTime');WdatePicker({maxDate:'#F{$dp.$D(\'endTime\')}'})" />
                                    </td>
                                    <td>&nbsp;-&nbsp;</td>
                                    <td style="width:50%">
                                        <input id=endTime name="endTime" type="text" class="textinput"  placeholder="yyyy-MM-dd"
						data-date-fmt="yyyy-MM-dd" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'staTime\')}'})" />
                                    </td>
                                </tr>
                            </table>
                    </div>
                    <div class="textalign1" >
                   <button type="button" onclick="gridSerch();" class="btn btn-success btn-sm" id="selectDicCompType"><spring:message code="message.button.seachSpacing"/></button>
                    </div>
                </div>
            </div>
        </div>
        
        <table class="jqgrid" id="gridlist"></table>
        <div id="gridpage"></div>
        
        <div class=" box box-warning bottongroup">
              <a href="toAuditAcctInfoHospSee.html" class="btn btn-default btn-sm" ><spring:message code="message.button.getBackSpacing"/></a>
        </div>
        
   </section>
    
   <%@ include file="/WEB-INF/component/commonJS.jsp"%>
   <script type="text/javascript">
   //绑定回车
   $('#transType,#staTime,#endTime').bind('keydown', function(event) { 
       if (event.keyCode == "13") {
           $('#selectDicCompType').click();
       }
   });	
   $("#transType").focus();//加载页面光标在第一个查询框内
   
        $(function() {
            $("#gridlist").jqGrid(
            {   url : "getAuditAcctInfoHospTrans.html",
                mtype : "POST",
                datatype : "json",
                postData:{"orgId":"${acctInfo.orgId}"},
                autowidth : true,
                height : 270,
                colNames : [ '<spring:message code="message.jieSuan.shouZhiXinXi"/>id',
                             '<spring:message code="message.jieSuan.zhangHu"/>id',
                             '<spring:message code="message.jieSuan.zhangHuYuE"/> ',
                             '<spring:message code="message.jieSuan.shouZhiLeiXing"/>',
                             '<spring:message code="message.jieSuan.faShengJinE"/>',
                             '<spring:message code="message.jieSuan.faShengShiJian"/> ',
                             '<spring:message code="message.jieSuan.jiaoYiRen"/> ',
                             '<spring:message code="message.lable.remark"/>'
                             ],
                colModel : [
                    {name : 'transId',index : 'transId', hidden : true,width : 100,align : "center"},
                    {name : 'orgId',index : 'orgId',hidden : true , width : 100,align : "center"},
                    {name : 'outstandAmt',index : 'outstandAmt',width : 100,align : "right"},
                    {name : 'transTypeName',index : 'transType',width : 100,align : "center"},  
                    {name : 'amount',index : 'amount',width : 80,align : "right"}, 
                    {name : 'transDateTime',index : 'transDatetime',width : 150,align : "center"},
                    {name : 'updUserName',index : 'updUser',width : 100,align : "center"},
                    {name : 'remark',index : 'remark',width : 150,align : "center"}
                ],
                rowNum : 20,
                rowList : [ 10, 20, 50,100],
                rownumbers : true,
                pager : "#gridpage",
                //multiselect: true, 
                viewrecords : true,
                gridComplete: function(){
     	        	 //序号列宽度自适应（参数为jqgridID）
     	               autoRNWidth("gridlist");
     	           	//数据只有一条时默认选中（参数为jqgridID）
     	               selectByOneData("gridlist");
     			},
                caption : "<spring:message code="message.jieSuan.shouZhiMingXi"/><spring:message code="message.listForm.lieBiao"/>",
                jsonReader : {
                    repeatitems : false,
                    id : "ids"
                }
            });
            $("#gridlist").jqGrid('navGrid', '#gridpage', {add : false,edit : false,del : false,search : false,refresh : false});
            $(window).trigger("resize");
        });
               
           //查询
           function gridSerch() {
               var transType = $.trim($("#transType").val());
               var staTime = $.trim($("#staTime").val());
               var endTime  = $.trim($("#endTime").val());
               $("#gridlist").jqGrid('setGridParam',{  
                   datatype:'json',
                   postData:{
                       "transType":transType,
                       "staTime":staTime,
                       "endTime":endTime
                   },
                   page:1
               }).trigger("reloadGrid"); //重新载入  
           }
        
    </script>
</body>
</html>